<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form id="register" action="#" >
    <input type="text" name="username" />
    <input type="submit" value="提交">
</form>

<script>
    /*  1. 获取 form 表单元素对象。
        2. 给 form 表单元素对象绑定 onsubmit 事件，并绑定匿名函数。
        3. 该匿名函数如果返回的是true，提交表单；如果返回的是false，阻止表单提交。
    */
    document.getElementById("register").onsubmit = function () {
        let flag = false;
        /*对客户输入的username做判断的逻辑*/
        return flag;
    };
</script>
</body>
</html>